<template>
  <div>
    <a-card>
      <a-row style="margin-bottom: 10px">
        <a-col :span="24"  style="display: flex;flex-direction: row-reverse">
          <a-button v-print="'#printReport'" type="primary">打印报表</a-button>
        </a-col>
      </a-row>
      <div id="printReport">
        <table border="1" cellPadding="5" cellSpacing="0" bordercolor="#000" style="width: 100%">
          <tr>
            <th colspan="4">
              <div style="position: relative;text-align: center">
                <img src="@/assets/zs.png" width="100px" height="26px" style="position: absolute;left: 0px;top:-4px"/>
                <span>测试不合格及返修卡</span>
              </div>
            </th>
          </tr>
          <tr>
            <td>客户编码</td>
            <td>{{ reportData.customerCode }}</td>
            <td>集研编码</td>
            <td>{{ reportData.researchCode }}</td>
          </tr>
          <tr>
            <td>测试工位</td>
            <td>{{ reportData.testStation_dictText }}</td>
            <td>发生日期</td>
            <td>{{ reportData.happenDate }}</td>
          </tr>
          <tr>
            <td colspan="2">不合格现象：{{ reportData.unqualifiedPhenomenon }}</td>
            <td colspan="2" rowspan="2">不合格原因：{{ reportData.unqualifiedReason }}</td>
          </tr>
          <tr>
            <td colspan="2" rowspan="2">测试人员：{{ reportData.firstTestPersonnel }}</td>
          </tr>
          <tr>
            <td colspan="2" rowspan="2">维修方案：{{ reportData.repairProgramme }}</td>
          </tr>
          <tr>
            <td colspan="2">维修完成后再测试结果：{{ reportData.retestResults }}</td>
          </tr>
          <tr>
            <td colspan="2">测试人员：{{ reportData.retestPersonnel }}</td>
            <td colspan="2">维修人员：{{ reportData.repairPersonnel }}</td>
          </tr>
          <tr>
            <td colspan="2">对应条码（S）：{{ reportData.correspondingBarcode }}</td>
            <td colspan="2">确认人员：{{ reportData.confirmationPersonnel }}</td>
          </tr>
        </table>
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  /** 宗申 **/
  name: 'zsUnquali',
  props:{
    reportData:{
      type:Object,
      default:()=>{}
    }
  },
  data(){
    return {
      checkedList:[
        { label: '首件', value: '首件' },
        { label: '巡件', value: '巡件' },
        { label: '末件', value: '末件' },
      ],
      hsf:[
        { label: 'OK', value: 'OK' },
        { label: 'NG', value: 'NG' },
      ],
    }
  }
}
</script>

<style scoped>

</style>